/*  Copyright (c) 2018 The Rust Project Developers
 *
 *  Permission is hereby granted, free of charge, to any person obtaining a copy
 *  of this software and associated documentation files (the "Software"), to deal
 *  in the Software without restriction, including without limitation the rights
 *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  copies of the Software, and to permit persons to whom the Software is
 *  furnished to do so, subject to the following conditions:
 *
 *  The above copyright notice and this permission notice shall be included in
 *  all copies or substantial portions of the Software.
 *
 *  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 *  SOFTWARE.
 */

* {
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
    margin: 0;
    padding: 0.5em;
    background: #eee;
}

header {
    background: #fff;
    margin: -0.5em;
    box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.1);
}

header nav {
    display: flex;
}

header nav a {
    padding: 1em;
    color: inherit;
    text-decoration: none;
}

header .nav-wrapper {
    max-width: 82em;
    margin: auto;
    display: flex;
    align-items: center;
}

header .top-nav {
    background: #398277;
    color: #fff;
}

header .top-nav h1 {
    font-weight: 400;
    font-size: 1.5em;
    margin: 0 0.5em;
    flex: 1;
}

header .top-nav nav a:hover, header .top-nav nav a.active {
    background: rgba(255, 255, 255, 0.1);
}

header .bottom-nav nav a:hover, header .bottom-nav nav a.active {
    color: #398277;
}

header p {
    margin: 0;
}

.graph {
    max-width: 82em;
    margin: 2em auto;
    padding: 1em;

    border-radius: 0.2em;
    background: #fff;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.2);
}

.graph h2 {
    font-weight: 400;
    font-size: 1.3em;
    text-align: center;

    margin: -1rem -1rem 1rem -1rem;
    padding: 1rem;
    border-bottom: 0.1rem solid #eee;
}


footer {
    margin: 2em 0.2em;
    text-align: center;
}


.button {
    background: #398277;
    color: #fff;
    text-decoration: none;

    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 0.3em;

    transition: opacity 0.2s ease-out;
    box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2);
}

.button:hover {
    opacity: 0.9;
}
